<style type="text/css">
	#colorBarContain
	{
		padding: 3px 5px 0 0;
		height:18px;
		float:left;
		border:1px solid #9e9797;
	}
	
	#color-red
	{
		width:13px;
		height:13px;
		float:left;
		background-color:Red;
		display:block;
		cursor:pointer;
		margin-left:5px;
		border:1px solid #9e9797;
	}
	
	#color-orange
	{
		width:13px;
		height:13px;
		float:left;
		background-color:Orange;
		display:block;
		cursor:pointer;
		margin-left:5px;
		border:1px solid #9e9797;
	}
	
	#color-yellow
	{
		width:13px;
		height:13px;
		float:left;
		background-color:Yellow;
		display:block;
		cursor:pointer;
		margin-left:5px;
		border:1px solid #9e9797;
	}
	
	#color-lime
	{
		width:13px;
		height:13px;
		float:left;
		background-color:Lime;
		display:block;
		cursor:pointer;
		margin-left:5px;
		border:1px solid #9e9797;
	}
	
	#color-aqua
	{
		width:13px;
		height:13px;
		float:left;
		background-color:Aqua;
		display:block;
		cursor:pointer;
		margin-left:5px;
		border:1px solid #9e9797;
	}
	
	#color-blue
	{
		width:13px;
		height:13px;
		float:left;
		background-color:Blue;
		display:block;
		cursor:pointer;
		margin-left:5px;
		border:1px solid #9e9797;
	}
	
	#color-pink
	{
		width:13px;
		height:13px;
		float:left;
		background-color:#fa86f9;
		display:block;
		cursor:pointer;
		margin-left:5px;
		border:1px solid #9e9797;
	}
	
	#color-violet
	{
		width:13px;
		height:13px;
		float:left;
		background-color:#80237f;
		display:block;
		cursor:pointer;
		margin-left:5px;
		border:1px solid #9e9797;
	}
	
	#color-brown
	{
		width:13px;
		height:13px;
		float:left;
		background-color:#6f3636;
		display:block;
		cursor:pointer;
		margin-left:5px;
		border:1px solid #9e9797;
	}
	
	#color-gray
	{
		width:13px;
		height:13px;
		float:left;
		background-color:#686262;
		display:block;
		cursor:pointer;
		margin-left:5px;
		border:1px solid #9e9797;
	}
	
	#color-white
	{
		width:13px;
		height:13px;
		float:left;
		background-color:White;
		display:block;
		cursor:pointer;
		margin-left:5px;
		border:1px solid #9e9797;
	}
	
	#color-black
	{
		width:13px;
		height:13px;
		float:left;
		background-color:Black;
		display:block;
		cursor:pointer;
		margin-left:5px;
		border:1px solid #9e9797;
	}
	
	.cross
	{
		width:13px;
		height:13px;
		display:block;
		background:transparent url(../content/images/cross.GIF) no-repeat;
		float:left;
		display:none;	
	}
	
	.hidden
	{
		display:none;	
	}
</style>

<div id="colorBarContain">
	<div id="color-red" onclick="OnClickColor(this.id)"><div class="cross" id="crosscolor-red"></div></div>
	<input type="checkbox" id="cbcolor-red" name="cbcolor" class="hidden" value = "red"/>
	<div id="color-orange" onclick="OnClickColor(this.id)"><div class="cross" id="crosscolor-orange"></div></div>
	<input type="checkbox" id="cbcolor-orange" name="cbcolor" class="hidden" value = "orange"/>
	<div id="color-yellow" onclick="OnClickColor(this.id)"><div class="cross" id="crosscolor-yellow"></div></div>
	<input type="checkbox" id="cbcolor-yellow" name="cbcolor" class="hidden" value = "yellow"/>
	<div id="color-lime" onclick="OnClickColor(this.id)"><div class="cross" id="crosscolor-lime"></div></div>
	<input type="checkbox" id="cbcolor-lime" name="cbcolor" class="hidden" value = "lime"/>
	<div id="color-aqua" onclick="OnClickColor(this.id)"><div class="cross" id="crosscolor-aqua"></div></div>
	<input type="checkbox" id="cbcolor-aqua" name="cbcolor" class="hidden" value = "aqua"/>
	<div id="color-blue" onclick="OnClickColor(this.id)"><div class="cross" id="crosscolor-blue"></div></div>
	<input type="checkbox" id="cbcolor-blue" name="cbcolor" class="hidden" value = "blue"/>
	<div id="color-pink" onclick="OnClickColor(this.id)"><div class="cross" id="crosscolor-pink"></div></div>
	<input type="checkbox" id="cbcolor-pink" name="cbcolor" class="hidden" value = "pink"/>
	<div id="color-violet" onclick="OnClickColor(this.id)"><div class="cross" id="crosscolor-violet"></div></div>
	<input type="checkbox" id="cbcolor-violet" name="cbcolor" class="hidden" value = "violet"/>
	<div id="color-brown" onclick="OnClickColor(this.id)"><div class="cross" id="crosscolor-brown"></div></div>
	<input type="checkbox" id="cbcolor-brown" name="cbcolor" class="hidden" value = "brown"/>
	<div id="color-gray" onclick="OnClickColor(this.id)"><div class="cross" id="crosscolor-gray"></div></div>
	<input type="checkbox" id="cbcolor-gray" name="cbcolor" class="hidden" value = "gray"/>
	<div id="color-white" onclick="OnClickColor(this.id)"><div class="cross" id="crosscolor-white"></div></div>
	<input type="checkbox" id="cbcolor-white" name="cbcolor" class="hidden" value = "white"/>
	<div id="color-black" onclick="OnClickColor(this.id)"><div class="cross" id="crosscolor-black"></div></div>
	<input type="checkbox" id="cbcolor-black" name="cbcolor" class="hidden" value = "black"/>
</div>